<!--
 *
 * @Description:
 *
 *
 * @Author: JZT.王冠
 * @Date: 2021-12-09 17:12:22
 * @Last Modified by: JZT.王冠
 * @Last Modified time: 2021-12-10 18:13:36
-->
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8"/>
        <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
        <title>处方笺</title>
        <style>
            * {
            margin: 0;
            padding: 0;
            }

            html,
            body {
            width: 100%;
            height: 100%;
            background-color: #fafafa;
            color: #000;
            font-family: "思源黑体 CN Regular";
            font-weight: 400;
            font-size: 16px;
            }

            #prescriptionNodeWrapper {
            width: 1240px;
            min-height: 854px;
            box-sizing: border-box;
            margin: 0 auto;
            background-color: #fff;
            padding-top: 72px;
            padding-bottom: 20px;
            }

            .logo-wrapper {
            width: 405px;
            height: 81px;
            margin-left: 42px;
            }

            .logo-wrapper > img {
            width: 100%;
            height: 100%;
            }

            #prescriptionNodeWrapper > h1 {
            width: 84px;
            height: 37px;
            line-height: 37px;
            font-size: 28px;
            margin: 12px auto 38px;
            font-weight: 400;
            }

            .prescription-node-wrapper {
            min-height: 542px;
            box-sizing: border-box;
            padding: 0 42px 0 51px;
            }

            .prescription-node-content {
            width: 100%;
            box-sizing: border-box;
            border: 1px solid #000;
            }

            .tips-text {
            font-size: 16px;
            height: 22px;
            line-height: 22px;
            font-weight: 400;
            box-sizing: border-box;
            padding-left: 52px;
            margin-top: 13px;
            }

            .patient-infor-wrapper {
            height: 100px;
            box-sizing: border-box;
            padding-top: 23px;
            }

            .patient-infor-line {
            height: 21px;
            line-height: 21px;
            box-sizing: border-box;
            padding-left: 19px;
            }

            .patient-infor-line .infor-item {
            float: left;
            }

            .diagnostic-results-wrapper {
            height: 65px;
            box-sizing: border-box;
            padding-top: 21px;
            padding-left: 19px;
            }

            .diagnostic-results-wrapper .results-item {
            height: 21px;
            line-height: 21px;
            }

            .results-item:nth-child(1) {
            float: left;
            }

            .results-item:nth-child(2) {
            float: right;
            width: 260px;
            }

            .drugs-infor-title {
            height: 64px;
            box-sizing: border-box;
            padding-left: 65px;
            padding-top: 20px;
            font-size: 16px;
            }

            .drugs-infor-title .title-item {
            float: left;
            margin: 0 5px;
            text-align: center;
            }

            .drugs-infor-content {
            min-height: 251px;
            box-sizing: border-box;
            position: relative;
            padding-top: 7px;
            }

            .prescription-identification {
            height: 45px;
            margin-left: 19px;
            font-weight: bold;
            font-size: 34px;
            }

            .drugs-list {
            min-height: 150px;
            }

            .list-item {
            line-height: 21px;
            box-sizing: border-box;
            padding-left: 65px;
            font-size: 16px;
            margin-bottom: 10px;
            }

            .list-item::after {
            content: "";
            display: block;
            clear: both;
            }

            .list-item .infor-item {
            float: left;
            margin: 0 5px;
            text-align: center;
            min-height: 21px;
            word-break: break-all;
            word-wrap: break-word;
            }

            .amount-wrapper {
            height: 24px;
            line-height: 24px;
            text-align: right;
            padding-right: 35px;
            margin: 10px 0;
            }

            .prescription-identification span {
            float: left;
            }

            .doctor-infor-wrapper {
            height: 60px;
            }

            .doctor-infor-wrapper .doctor-infor-item {
            height: 100%;
            line-height: 60px;
            box-sizing: border-box;
            float: left;
            padding-left: 20px;
            }

            .border-bottom {
            box-sizing: border-box;
            border-bottom: 1px solid #000;
            }

            .border-right {
            box-sizing: border-box;
            border-right: 1px solid #000;
            }

            .width-100 {
            width: 100px;
            }

            .width-120 {
            width: 120px;
            }

            .width-150 {
            width: 150px;
            }
        </style>
    </head>
    <body>
        <div id="prescriptionNodeWrapper">
            <div class="logo-wrapper">
                <img src="${logo}"
                     alt=""/>
            </div>
            <h1>处方笺</h1>
            <div class="prescription-node-wrapper">
                <div class="prescription-node-content">
                    <div class="patient-infor-wrapper border-bottom">
                        <div class="patient-infor-line">
                            <p class="infor-item" style="width: 225px">
                                <span class="item-label">费别：</span>
                                <span class="item=text"></span>
                            </p>
                            <p class="infor-item" style="width: 240px">
                                <span class="item-label">姓名：</span>
                                <span class="item=text">${patientName}</span>
                            </p>
                            <p class="infor-item" style="width: 210px">
                                <span class="item-label">性别：</span>
                                <span class="item=text">${patientGender}</span>
                            </p>
                            <p class="infor-item" style="width: 196px">
                                <span class="item-label">年龄：</span>
                                <span class="item=text">${age}</span>
                            </p>
                            <p class="infor-item">
                                <span class="item-label">病案号：</span>
                                <span class="item=text"></span>
                            </p>
                        </div>
                        <div class="patient-infor-line" style="margin-top: 18px">
                            <p class="infor-item" style="width: 225px">
                                <span class="item-label">科别：</span>
                                <span class="item=text">${deptName}</span>
                            </p>
                            <p class="infor-item" style="width: 240px">
                                <span class="item-label">诊间：</span>
                                <span class="item=text"></span>
                            </p>
                            <p class="infor-item" style="width: 405px">
                                <span class="item-label">就诊时间：</span>
                                <span class="item=text">${prescriptionTime}</span>
                            </p>
                            <p class="infor-item">
                                <span class="item-label">时段:</span>
                                <span class="item=text"></span>
                            </p>
                        </div>
                    </div>
                    <div class="diagnostic-results-wrapper border-bottom">
                        <p class="results-item">
                            <span class="item-label">临床诊断：</span>
<#--                            <span class="item-text">${diagnosisInfo.diagnosisName}</span>-->
                        </p>
                        <p class="results-item">
                            <span class="item-label">过敏实验：</span>
                            <span class="item-text"></span>
                        </p>

                    </div>
                    <div class="drugs-infor-title border-bottom">
                        <p class="title-item width-150">药品名称</p>
                        <p class="title-item width-120">规格</p>
                        <p class="title-item width-120">用法</p>
                        <p class="title-item width-120">用量</p>
                        <p class="title-item width-120">频次</p>
                        <p class="title-item width-100">天数</p>
                        <p class="title-item width-100">总量</p>
                        <p class="title-item width-150">备注</p>
                    </div>
                    <div class="drugs-infor-content border-bottom">
                        <div class="prescription-identification">
                            <span>R</span>
                            <span style="font-size: 24px; margin-top: 11px">X：</span>
                        </div>

                        <div class="drugs-list">
<#--                            <#list drugsInfoList as drugsInfo>-->
                            <div class="list-item">
<#--                                <p class="infor-item width-150">${drugsInfo.drugName}</p>-->
<#--                                <p class="infor-item width-120">${drugsInfo.drugSpecifications}</p>-->
<#--                                <p class="infor-item width-120">${drugsInfo.drugRoute}</p>-->
<#--                                <p class="infor-item width-120">${drugsInfo.onceDose}</p>-->
<#--                                <p class="infor-item width-120">${drugsInfo.medicationFrequency}</p>-->
<#--                                <p class="infor-item width-100">${drugsInfo.drugDaysSupply}</p>-->
<#--                                <p class="infor-item width-100">${drugsInfo.nums}</p>-->
                                <p class="infor-item width-150"></p>
                            </div>
<#--                        </#list>-->
                    </div>


                    <div class="amount-wrapper">
                        <span>处方金额（￥）</span>
                        <span></span>
                    </div>
                </div>
                <div class="doctor-infor-wrapper">
                    <div class="doctor-infor-item border-right" style="width: 245px">
                        <span class="item-label">医师：</span>
                        <span class="item-text">${doctorName}</span>
                    </div>
                    <div class="doctor-infor-item border-right" style="width: 200px">
                        <span class="item-label">审核：</span>
                        <span class="item-text"></span>
                    </div>
                    <div class="doctor-infor-item border-right" style="width: 250px">
                        <span class="item-label">调配：</span>
                        <span class="item-text"></span>
                    </div>
                    <div class="doctor-infor-item border-right" style="width: 225px">
                        <span class="item-label">核对:</span>
                        <span class="item-text"></span>
                    </div>
                    <div class="doctor-infor-item" style="width: auto">
                        <span class="item-label">发药：</span>
                        <span class="item-text"></span>
                    </div>
                </div>
            </div>
        </div>
        <p class="tips-text">药师提示：1、请遵医嘱服药；2、请在窗口点清药品；3、处方当日有效；4、发出药品不予退换</p>
    </div>
</body>
        </html>
